<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>小程序商店</title>
</head>
<body>
  <header class="header">
    <a href="javascript:;" class="title"></a>
    <a href="javascript:;" class="actions"><span>+</span>提交</a>
  </header>
  <div class="categories">
    <nav>
      <a data-cid="0" class="active">全部</a>
      <a data-cid="1">富媒体</a>
      <a data-cid="2">工具</a>
      <a data-cid="3">商业</a>
      <a data-cid="4">公益</a>
      <a data-cid="5">IT科技</a>
      <a data-cid="6">美食</a>
      <a data-cid="7">旅游</a>
      <a data-cid="8">娱乐</a>
      <a data-cid="9">快递物流</a>
      <a data-cid="10">教育</a>
      <a data-cid="11">医疗</a>
      <a data-cid="12">政务</a>
      <a data-cid="13">金融</a>
      <a data-cid="14">交通</a>
      <a data-cid="15">房地产</a>
      <a data-cid="16">体育</a>
      <a data-cid="17">电商</a>
    </nav>
  </div>
  <div class="rec-apps weui-panel">
    <div class="weui-panel__hd">
      <span class="tit">精品推荐</span>
    </div>
    <div class="weui-panel__bd">
      <div class="top-apps weui-grids">
        <a href="javascript:;" class="weui-grid">
          <div class="weui-grid__icon">
            <img src="/static/img/thumb.png" alt="">
          </div>
          <p class="weui-grid__label">程序名称</p>
        </a>
        <a href="javascript:;" class="weui-grid">
          <div class="weui-grid__icon">
            <img src="/static/img/thumb.png" alt="">
          </div>
          <p class="weui-grid__label">程序名称</p>
        </a>
        <a href="javascript:;" class="weui-grid">
          <div class="weui-grid__icon">
            <img src="/static/img/thumb.png" alt="">
          </div>
          <p class="weui-grid__label">程序名称</p>
        </a>
        <a href="javascript:;" class="weui-grid">
          <div class="weui-grid__icon">
            <img src="/static/img/thumb.png" alt="">
          </div>
          <p class="weui-grid__label">程序名称</p>
        </a>
        <a href="javascript:;" class="weui-grid">
          <div class="weui-grid__icon">
            <img src="/static/img/thumb.png" alt="">
          </div>
          <p class="weui-grid__label">程序名称</p>
        </a>
        <a href="javascript:;" class="weui-grid">
          <div class="weui-grid__icon">
            <img src="/static/img/thumb.png" alt="">
          </div>
          <p class="weui-grid__label">程序名称</p>
        </a>
        <a href="javascript:;" class="weui-grid">
          <div class="weui-grid__icon">
            <img src="/static/img/thumb.png" alt="">
          </div>
          <p class="weui-grid__label">程序名称</p>
        </a>
        <a href="javascript:;" class="weui-grid">
          <div class="weui-grid__icon">
            <img src="/static/img/thumb.png" alt="">
          </div>
          <p class="weui-grid__label">程序名称</p>
        </a>
      </div>
      <div class="app-list" id="app-list">
        <div class="app-list__item">
          <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
            <div class="weui-media-box__hd">
              <img src="/static/img/thumb.png" alt="" class="weui-media-box__thumb">
            </div>
            <div class="weui-media-box__bd">
              <h4 class="weui-media-box__title">火车票预订查询</h4>
              <p class="weui-media-box__desc">艺龙旅行网火车票预定服务</p>
              <p class="weui-media-box__desc">4419人使用<span> ・ </span>交通出行</p>
            </div>
            <div class="actions">
              <i class="icon-qrcode"></i>
            </div>
          </a>
          <div class="qrcode hidden">
            <img src="/static/img/qrcode.jpg" alt="">
            <p class="desc">微信扫码体验</p>
          </div>
        </div>
        <div class="app-list__item">
          <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
            <div class="weui-media-box__hd">
              <img src="/static/img/thumb.png" alt="" class="weui-media-box__thumb">
            </div>
            <div class="weui-media-box__bd">
              <h4 class="weui-media-box__title">火车票预订查询</h4>
              <p class="weui-media-box__desc">艺龙旅行网火车票预定服务</p>
              <p class="weui-media-box__desc">4419人使用<span> ・ </span>交通出行</p>
            </div>
            <div class="actions">
              <i class="icon-qrcode"></i>
            </div>
          </a>
          <div class="qrcode hidden">
            <img src="/static/img/qrcode.jpg" alt="">
            <p class="desc">微信扫码体验</p>
          </div>
        </div>
        <!-- 加载中 -->
        <div class="weui-loadmore">
          <i class="weui-loading"></i>
          <span class="weui-loadmore__tips">正在加载</span>
        </div>
        <!-- 无数据 -->
        <div class="weui-loadmore weui-loadmore_line">
          <span class="weui-loadmore__tips">暂无数据</span>
        </div>
      </div>
    </div>
  </div>
  <div class="footer weui-footer">
    <p class="weui-footer__text">Copyright © 2008-2016 miniapp.io</p>
  </div>
</body>
</html>
